<style>
  .{{$template|escape:'html'}}_table1 {
    width: 900px;
    height: 20px;
    background-color:#ebebe3;
    border-right:solid 1px #b3b3ad;
    border-bottom:solid 1px #b3b3ad;
    margin-bottom:13px;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 900px;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 900px;
    height: 77px;
    background-color:#ebebe3;
  }
  .{{$template|escape:'html'}}_table4 {
    width: 900px;
    height: 23px;
    border-top:solid 1px #885b5d;
    border-left:solid 1px #885b5d;
  }
  .{{$template|escape:'html'}}_table4 td {
    border-bottom:solid 1px #885b5d;
  }
  .{{$template|escape:'html'}}_table6 {
    width: 900px;
    paddingleft:15px
    tex-talign:left;
  }
  .{{$template|escape:'html'}}_table31 {
    width: 900px;
    border-top: solid 1px #b4b4b4;
    border-left: solid 1px #b4b4b4;
    margin-bottom: 13px;
  }
  .{{$template|escape:'html'}}_table31 td{
    border-right: solid 1px #b4b4b4;
    border-bottom: solid 1px #b4b4b4;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 900px;
    height: 25px;
    padding-left:15px;
    background-image:url(images/common/headline.png);
    background-repeat:repeat-x;
    border-right: solid 1px #8F8F8A;
    font-size: 120%;
    font-weight: bold;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 100px;
    height: 25px;
    padding-left:15px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 195px;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 100px;
    padding-left:95px;
    font-weight: bold;
    font-size: 110%;
    color: #694247;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 194px;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 22px;
    height: 23px;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 58px;
    height: 23px;
  }
  .{{$template|escape:'html'}}_td8 {
    width: 93px;
    height: 23px;
  }
  .{{$template|escape:'html'}}_td9 {
    height:46px;
    width: 189px;
    TEXT-ALIGN:center;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 900px;
    height: 23px;
    background-color:#885b5d;
  }
  .{{$template|escape:'html'}}_td17 {
    width: 68px;
    height: 23px;
    text-align: center;
    vertical-align:middle;
    border-right:solid 1px #fff;
  }
  .{{$template|escape:'html'}}_td18 {
    border-right:solid 1px #fff;
    width: 90px;
    height: 23px;
    text-align:left;
    padding-left:10px;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td19 {
    border-right:solid 1px #fff;
    width: 125px;
    height: 23px;
    padding-left:10px;
    text-align:left;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td20 {
    border-right:solid 1px #fff;
    width: 54px;
    height: 23px;
    padding-left:6px;
    text-align:left;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td21 {
    border-right:solid 1px #fff;
    width: 95px;
    height: 23px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td22 {
    border-right:solid 1px #fff;
    width: 62px;
    height: 23px;
    padding-left:12px;
    text-align:left;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td23 {
    border-right:solid 1px #fff;
    width: 24px;
    height: 23px;
    text-align:center;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td24 {
    border-right:solid 1px #fff;
    width: 105px;
    height: 23px;
    padding-left:10px;
    text-align:left;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td25 {
    width: 60px;
    height: 23px;
    padding-left:12px;
    text-align:left;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td26 {
    border-right:solid 1px #fff;
    width: 20px;
  }
  .{{$template|escape:'html'}}_td17,.{{$template|escape:'html'}}_td18,.{{$template|escape:'html'}}_td19,.{{$template|escape:'html'}}_td20
  ,.{{$template|escape:'html'}}_td21,.{{$template|escape:'html'}}_td22,.{{$template|escape:'html'}}_td23,.{{$template|escape:'html'}}_td24
  ,.{{$template|escape:'html'}}_td25,.{{$template|escape:'html'}}_td26 {
    background-color:#885b5d;
    font-weight:bold;
    font-size:10pt;
    color:white;
  }
  .{{$template|escape:'html'}}_td31 {
    width: 900px;
    height: 32px;
    vertical-align: bottom;
    font-weight:bold;
    font-size:11pt;
    color: #633e36;
  }
  .{{$template|escape:'html'}}_td32 {
    width: 900px;
    height: 18px;
    text-align: right;
  }
  .{{$template|escape:'html'}}_td33 {
    width: 120px;
    padding-left: 15px
  }
  .{{$template|escape:'html'}}_td34 {
    width: 130px;
    padding-left:15px;
  }
  .{{$template|escape:'html'}}_td35 {
    width: 100px;
    padding-left: 15px
  }
  .{{$template|escape:'html'}}_td36 {
    width: 280px;
    padding-left:15px;
  }
  .{{$template|escape:'html'}}_td37 {
    width: 120px;
    padding-left:15px;
  }
  .{{$template|escape:'html'}}_td38 {
    width: 110px;
    padding-left: 15px
  }
  .{{$template|escape:'html'}}_td33,.{{$template|escape:'html'}}_td34,.{{$template|escape:'html'}}_td35,
  .{{$template|escape:'html'}}_td36,.{{$template|escape:'html'}}_td37,.{{$template|escape:'html'}}_td38{
    font-weight: bold;
    font-size: 10pt;
    color: #888888;
    vertical-align: middle;
    height: 23px;
  }
  .{{$template|escape:'html'}}_Text {
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    width:195px;
    height:18px;
  }
  .{{$template|escape:'html'}}_select {
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    width:197px;
    height:22px;
  }
  .{{$template|escape:'html'}}_btn {
    cursor:pointer;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      var gui = GuiPageWage.instance('{{$template|escape:'javascript'}}');
      new HandlePageWage(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<div id="container" align="left" style="width:{{$smarty.const.PAGE_WIDTH|escape:'html'}}">
<table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0" border=0>
  <tr>
    <td class="{{$template|escape:'html'}}_td1">
      Search Box
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_table2">
      <table class="{{$template|escape:'html'}}_table2" cellPaddiing="0" cellSpacing="0" border=0>
        <tr>
          <td style="height:15px" colSpan="6"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            <span style="letter-spacing:2px;">C/D</span> From
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_cdateFrom_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
          <span style="letter-spacing:2px;">C/D</span> To
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_cdateTo_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td5"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            <span style="letter-spacing:2px;">P/D</span> From
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_pdateFrom_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
            <span style="letter-spacing:2px;">P/D</span> To
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_pdateTo_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td5"></td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            Payee
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <select class="{{$template|escape:'html'}}_select" id="{{$template|escape:'html'}}_payee_select" ></select>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
            Particulars
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <select class="{{$template|escape:'html'}}_select" id="{{$template|escape:'html'}}_particular_select" ></select>
          </td>
          <td class="{{$template|escape:'html'}}_td9" rowSpan="2">
          <input type="button" class="search" id= "{{$template|escape:'html'}}_search_button" />
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td2">
            Amount
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_amount_text"></input>
          </td>
          <td class="{{$template|escape:'html'}}_td4">
            Note
          </td>
          <td class="{{$template|escape:'html'}}_td3">
            <input type="text" class="{{$template|escape:'html'}}_Text" id="{{$template|escape:'html'}}_note_text"></input>
          </td>
         </td>
          
        </tr>
        <tr>
          <td style="height:15px;"></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<table cellPadding="0" cellSpacing="0">
<tr>
  <td class="{{$template|escape:'html'}}_td31">Last Updated</td>
</tr>
<tr>
  <td class="{{$template|escape:'html'}}_td32" id="{{$template|escape:'html'}}_more_div"></td>
</tr>
</table>

<table class="{{$template|escape:'html'}}_table31" id="{{$template|escape:'html'}}_lastUpdated_table" cellPadding="0" cellSpacing="0">
<tr style="background-color:#eeeeee">
  <td class="{{$template|escape:'html'}}_td33">Payee</td>
  <td class="{{$template|escape:'html'}}_td34">Particulars</td>
  <td class="{{$template|escape:'html'}}_td35">Amount</td>
  <td class="{{$template|escape:'html'}}_td36">Note</td>
  <td class="{{$template|escape:'html'}}_td37">Operator</td>
  <td class="{{$template|escape:'html'}}_td38">Date</td>
</tr>
</table>

<table class="{{$template|escape:'html'}}_table6" cellPadding="0" cellSpacing="0">
  <tr>
    <td align="left" style="padding-bottom:5px;">
      <input type="button" value="Paid" id="{{$template|escape:'html'}}_modify_button"></input>
    </td>
  </tr>
  <tr>
    <td id="{{$template|escape:'html'}}_pagination_div"></td>
  </tr>
</table>

<table class="{{$template|escape:'html'}}_table4" id = "{{$template|escape:'html'}}_main_table" cellPadding="0" cellSpacing="0" border=0>
  <tr>
    <td class="{{$template|escape:'html'}}_td26">
      <input type = "checkbox" id="{{$template|escape:'html'}}_checkAll_checkbox" ></input>
    </td>
    <td class="{{$template|escape:'html'}}_td17"><span style="letter-spacing:2px;">C/D</td>
    <td class="{{$template|escape:'html'}}_td17"><span style="letter-spacing:2px;">P/D</td>
    <td class="{{$template|escape:'html'}}_td18">Payee</td>
    <td class="{{$template|escape:'html'}}_td19">Particulars</td>
    <td class="{{$template|escape:'html'}}_td20">Amount</td>
    <td class="{{$template|escape:'html'}}_td21">Method</td>
    <td class="{{$template|escape:'html'}}_td22"><span style="letter-spacing:2px;">Q/N</td>
    <td class="{{$template|escape:'html'}}_td23">NG</td>
    <td class="{{$template|escape:'html'}}_td23">NE</td>
    <td class="{{$template|escape:'html'}}_td24">Note</td>
    <td class="{{$template|escape:'html'}}_td25"></td>
  </tr>
</table>
</div>
